<template>
  <div class="shop">
    <h1>Vue 购物车</h1>
    
    <div class="shop-content">
      <ProductList />
      <Cart />
    </div>
  </div>
</template>

<script>
import ProductList from '@/components/ProductList.vue'
import Cart from '@/components/Cart.vue'

export default {
  name: 'ShopView',
  components: {
    ProductList,
    Cart
  }
}
</script>

<style scoped>
.shop-content {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
</style>